import HeroMonochromeLaunch from '@/components/ui/hero-monochrome'

export default function DemoPage() {
  return (
    <div className="min-h-screen">
      <HeroMonochromeLaunch 
        title="Custom Monochrome Experience"
        description="This is a custom implementation of the hero component with different content and styling options."
        showcaseImage={{
          src: "https://images.unsplash.com/photo-1518709268805-4e9042af2176?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2025&q=80",
          alt: "Modern minimalist design with geometric patterns"
        }}
        capabilities={["Custom animations", "Theme switching", "Mobile responsive", "Accessibility"]}
      />
    </div>
  )
}
